/** 公共样式
*************************************/
$color_1: #f2f2f2;
$color_2: #fff;
$color_3: #409EFF;

html,
body {
  width: 100%;
  height: 100%;
  background-color: $color_1;
}

/** 主容器样式
*************************************/
.myHome {
  width: 100%;
  height: 100%;
}
.el-container {
  height: 100%;
}
.el-header {
  font-size: 18px;
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 10px;
  background-color: $color_2;
}
.el-aside {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px;
  background-color: $color_2;
}
.el-main {
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px;
  background-color: $color_2;
}
.el-menu {
  border-right: 0;
}

/** 容器样式
*************************************/
.myMainContainer {
  height: calc(100vh - 100px);
  overflow: hidden;
  overflow-y: auto;
}
.myMain {
  margin-bottom: 20px;
  .titleName {
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid $color_3;
    padding-left: 5px;
    box-sizing: border-box;
  }
  .container {
    margin-top: 10px;
  }
}

/** 覆盖原始框架样式
*************************************/
.el-button {
  border-radius: 0;
}
.el-input__inner {
  border-radius: 0;
}



















::-webkit-scrollbar{
  /*滚动条整体样式*/
  width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
                  45deg,
                  rgba(255, 255, 255, 0.2) 25%,
                  transparent 25%,
                  transparent 50%,
                  rgba(255, 255, 255, 0.2) 50%,
                  rgba(255, 255, 255, 0.2) 75%,
                  transparent 75%,
                  transparent
  );
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
}
